.fl{float:left;}
.fr{float:right;}
.clearfix:after{display:block;content:'.';height:0;line-height:0;visibility:hidden;}
.clearfix{zoom:1;}
body{padding-bottom:40px;}
.head-pic{position:relative;}
.head-pic img{width:100%;}
.head-pic .countdown{text-align:center;background:url('./images/bg1.png') no-repeat;position:absolute;bottom:0;width:100%;height:35px;line-height:35px;font-size:18px;color:#c23425;}
.head-pic .countdown #count{display:inline;color:#000;}
.head-pic .countdown #count span{display:inline-block;color:#c43924;background:#fff;border-radius:50%;width:28px;height:28px;line-height:28px;}
.join{position:relative;border:1px solid #e56d22;border-radius:15px;margin:10px;padding:10px 15px 20px;text-align:center;}
.join .join-title{font-size:16px;font-weight:bold;width:90%;margin:0 auto 10px;}
.join .join-btn{display:flex;justify-content:center;margin:10px 0;}
.join .join-btn button{font-size:20px;width:45%;height:40px;border:none;border-radius:10px;background:#efa11b;color:#fff;box-shadow:1px 2px #a76022;}
.join .star{position:absolute;bottom:20px;right:1px;width:35px;height:45px;}
.prize{margin:0 10px;background:url('./images/bg.png') repeat;padding:10px 0;color:#145074;font-size:20px;}
.prize .prize-title{text-align:center;color:#fff;height:60px;line-height:60px;background:url('./images/3.png') no-repeat;background-size:100% 100%;}
.prize .prize-main{padding:0 25px;}
.prize .prize-number{color:#000;text-align:center;letter-spacing:1px;}
.prize .prize-number span{color:#c33423;font-size:24px;}
.prize .prize-free{text-align:center;margin:10px 0;}
.prize .prize-detail{font-size:16px;border:15px solid transparent;border-image:url('./images/4.png') 10% 16% stretch;}
.prize .prize-detail p{text-align:center;}
.prize .prize-detail ol{margin-right:5px;}
.pic{width:90%;margin:15px 5%;}
.detail-title{text-align:center;color:#fff;font-size:20px;height:60px;line-height:60px;background:url('./images/3.png') no-repeat;background-size:100% 100%;}
.code{margin:10px;border:1px solid #e56d22;border-radius:15px;color:#145074;}
.code h3{text-align:center;}
.code img{width:50%;margin:10px auto;}
.code ol li{padding:5px 5px;}
.school{border:1px solid #e56d22;border-radius:15px;margin:10px;padding:15px;}
.list-title{text-align:center;color:#fff;font-size:20px;height:60px;line-height:60px;width:60%;margin:0 auto;}
.list-title a{color:#fff;text-decoration:none;}
.list-title a.newest{margin-right:10px;}
.list-title a.rank{margin-left:10px;}
.list-title a.active{color:#c33526;}
.list-title .title{background:url('./images/33.png') no-repeat;background-size:100% 100%;}
.list{margin:10px;border:1px solid #e56d22;border-radius:15px;padding:10px;height:200px;}
.list .active{display:none;}
.foot-btn{position:fixed;bottom:0;width:100%;display:flex;justify-content:center;}
.foot-btn button{border:none;width:100%;height:40px;line-height:40px;color:#fff;font-size:20px;background:#e56d22;}
